body{margin: 0px;padding: 0px;background-color: #f1f1f1;}
.head{width: 100%;height: 50px;background-color: rgb(199, 173, 224);color: #fff;}
.head .container .title{line-height: 50px;font-size: 20px;float: left;}
.head .container .search{width: 350px;line-height: 50px; margin-left: 50px!important;float: left;}
.head .container .search input{float: unset;}
.head .container .login-reg{float: right;line-height: 50px;}
.head .container .login-reg button{width: 90px;margin-right: 30px;}

.main{border: 2px solid #cdcdcd;min-height: 600px;margin-top: 40px;background-color: #fff;}
.main .left-container{border-right: 1px solid #cdcdcd;min-height: 600px;}
.main .left-container .cates{color: #666;font-size: 16px;margin-top: 20px;border-bottom: 1px solid #f1f1f1;padding-bottom:10px;}
.main .left-container .cate-list .cate-item{font-size: 14px;margin: 10px 0px;}
.main .right-container .nav{border-bottom: 1px solid #f1f1f1;height: 50px;}
.main .right-container .nav a{float: right;margin: 0px 5px;color: #666;font-size: 12px;margin-top: 27px;}
.main .right-container .nav .active{font-weight: bold;border-bottom: 2px solid #337ab7;padding-bottom: 3px;}
.main .right-container .contant-list .contant-item{border-bottom: 1px solid #f1f1f1;margin-top: 20px;padding-bottom: 5px;float: left;width: 100%;}
.main .right-container .contant-list .contant-item img{height: 6%;width: 6%;border-radius: 2px;float: left;}
.main .right-container .contant-list .contant-item .title{float: left;margin-left: 20px;}
.main .right-container .contant-list .contant-item .title p{margin-bottom: 0px;padding-top:10px;}
.main .right-container .contant-list .contant-item .title span{font-size: 12px;padding-right: 5px;color: #666;}